<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../resources/TempAdmin.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <h:outputStylesheet library="css" name="estilo.css" />
    <ui:define name="content">
        <link rel="stylesheet" type="text/css" href="../resources/css/style2.css" />
        <h:outputStylesheet library="css" name="tabela.css" />
        <h:outputStylesheet library="css" name="estilo.css" />
        <h:outputScript library="js" name="javaScript.js" />
        <div class="header">
            Cadastro de Funcionario
        </div>
        <p:separator />
        <h:form id="frmFunc">
            <p:growl />
            <h:inputHidden value="#{funcBean.funcionario.codFuncionario}" />
            <h:panelGrid columns="6">
                <h:outputLabel for="nome" value="Nome.:" styleClass="lb" />
                <h:inputText id="nome" value="#{funcBean.funcionario.nome}" styleClass="tx" size="50" onkeyup="this.value = this.value.toUpperCase()"/>
                <h:outputLabel for="sexo" value="Sexo.:" styleClass="lb" />
                <h:selectOneMenu id="sexo" value="#{funcBean.funcionario.sexo}" styleClass="tx">
                    <f:selectItem itemValue="F" itemLabel="Feminino" />
                    <f:selectItem itemValue="M" itemLabel="Masculino" />
                </h:selectOneMenu>
                <h:outputLabel for="nasc" value="Data Nascimento.:" styleClass="lb" />
                <h:inputText id="nasc" value="#{funcBean.funcionario.dataNascimento}" styleClass="tx" size="20" 
                             onkeyup="dataNascFuncionario(this.value);" maxlength="10">
                    <f:convertDateTime pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo"/>
                </h:inputText>
            </h:panelGrid>
            <h:panelGrid columns="4">
                <h:outputLabel for="endereco" value="Endereço.:" styleClass="lb" />
                <h:inputText id="endereco" value="#{funcBean.funcionario.endereco}" styleClass="tx" size="50" onkeyup="this.value = this.value.toUpperCase()" />
                <h:outputLabel for="bairro" value="Bairro.:" styleClass="lb" />
                <h:inputText id="bairro" value="#{funcBean.funcionario.bairro}" styleClass="tx" size="40" onkeyup="this.value = this.value.toUpperCase()" />
            </h:panelGrid>
            <h:panelGrid columns="6" cellpadding="5">
                <h:outputLabel for="cidade" value="Cidade.:" styleClass="lb" />
                <h:inputText id="cidade" value="#{funcBean.funcionario.cidade}" styleClass="tx" size="40" onkeyup="this.value = this.value.toUpperCase()" />
                <h:outputLabel for="uf" value="Uf.:" styleClass="lb" />
                <h:inputText id="uf" value="#{funcBean.funcionario.uf}" styleClass="tx" size="10" onkeyup="this.value = this.value.toUpperCase()" />
                <h:outputLabel for="matricula" value="Matricula.:" styleClass="lb" />
                <h:inputText id="matricula" value="#{funcBean.funcionario.matricula}" styleClass="tx" size="25" onkeyup="this.value = this.value.toUpperCase()" />
            </h:panelGrid>
            <h:panelGrid columns="4" cellpadding="5">
                <h:outputLabel for="fone" value="Telefone.:" styleClass="lb" />
                <h:inputText id="fone" value="#{funcBean.funcionario.telefone}" styleClass="tx" size="25" />
                <h:outputLabel for="cargo" value="Cargo.:" styleClass="lb" />
                <h:inputText id="cargo" value="#{funcBean.funcionario.cargo}" styleClass="tx" size="50" onkeyup="this.value = this.value.toUpperCase()" />
            </h:panelGrid>
            <h:panelGrid columns="8">
                <h:outputLabel for="senha" value="Senha.:" styleClass="lb" />
                <h:inputSecret id="senha" value="#{funcBean.funcionario.senha}" styleClass="tx" size="15" required="true" requiredMessage="Senha é obrigatório" />
                <h:outputLabel for="confirma" value="Confirma Senha.:" styleClass="lb" />
                <h:inputSecret id="confirma" value="#{funcBean.confirmaSenha}" styleClass="tx" size="15"/>

                <h:selectBooleanCheckbox id="ativo" value="#{funcBean.funcionario.ativo}" styleClass="tx" />                
                <h:outputLabel for="ativo" value=" Ativo" styleClass="lb" />   
                <h:selectBooleanCheckbox id="admin" value="#{funcBean.funcionario.administrador}" styleClass="tx" />
                <h:outputLabel for="admin" value=" Administrador" styleClass="lb" />
            </h:panelGrid>
            <h:commandButton value="Cancelar" action="#{funcBean.cancelar}" styleClass="btn" />
            <h:commandButton value="Salvar" action="#{funcBean.salvarFuncionario}" styleClass="btn" />
        </h:form>
        <h:form id="frmtable" rendered="#{funcBean.funcionarios.size() > 0}">
            <h:dataTable value="#{funcBean.funcionarios}" var="f" styleClass="tabela" headerClass="cabecalho" rowClasses="linA, linB" 
                         columnClasses="f_codigo, f_nome, f_sexo, f_nasc, f_endereco, f_fone, f_cargo, f_op">
                <h:column>
                    <f:facet name="header"> Código</f:facet>
                    <h:outputText value="#{f.codFuncionario}" />
                </h:column>
                <h:column>
                    <f:facet name="header"> Nome</f:facet>
                    <h:outputText value="#{f.nome}" />
                </h:column>
                <h:column>
                    <f:facet name="header"> Sexo</f:facet>
                    <h:outputText value="#{f.sexo}" />
                </h:column>
                <h:column>
                    <f:facet name="header"> DT Nasc</f:facet>
                    <h:outputText value="#{f.dataNascimento}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </h:column>
                <h:column>
                    <f:facet name="header"> Endereço</f:facet>
                    <h:outputText value="#{f.endereco}" />
                </h:column>
                <h:column >
                    <f:facet name="header"> Telefone</f:facet>
                    <h:outputText value="#{f.telefone}" />
                </h:column>
                <h:column>
                    <f:facet name="header"> Cargo</f:facet>
                    <h:outputText value="#{f.cargo}" />
                </h:column>
                <h:column>
                    <f:facet name="header"> Op</f:facet>
                    <p:commandLink value="Alterar" action="#{funcBean.editar(f.codFuncionario)}" ajax="false" update=":frmFunc" styleClass="links" />
                </h:column>
            </h:dataTable>
        </h:form>
    </ui:define>    

</ui:composition>
